<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css" />
</head>
<body>
  @@include('@@webRoot/components/header.tpl')
  <div class="technologybaner">
    <div class="bg_color"></div>
    <div class="bg_img" style="background-image: url(http://p.cdn-static.cn/61962_1649297808491.png?imageView2/2/w/2000/q/75);"></div>
    <div class="more">
      <a href="">探索更多 << </a>
    </div>
  </div>
  <div class="wow fadeInUp tecculture zcontainerain">
    <div class="img">
      <img src="http://p.cdn-static.cn/61962_164896811699015.png?imageView2/2/w/814/q/75" alt="">
    </div>
    <div class="infos">
      <h3>在线学习平台</h3>
      <p>
        太文院在线学习平台旨在为同修打造一个可突破地域限制的学习平台，通过直播、音视频课程、闯关打卡等形式，为同修提供远程线上学习。
      </p>
      <div class="signup">
        <img src="./img/titlesing.svg" alt="">
        立即报名
      </div>
    </div>
  </div>
  <div class="teshighlights ">
    <div class="bg_color"></div>
    <div class="bg_img"
      style="background-image: url(http://p.cdn-static.cn/61962_16492352305252.jpg?imageView2/2/w/2000/q/75);"></div>
    <div class="content zcontainerain">
      <div class="tencnology_title">
        <img src="./img/whitetitle.png" alt="">
        <div>
          <h2>课程内容</h2>
          <div class="des">COURSE CONTENT</div>
        </div>
        <img src="./img/whitetitle.png" alt="">
      </div>
      <div class="wow fadeInUp zcontainerain coursecontent">
        <div class="courdests">
          平台课程以短小、成体系、收费低的正式课程为主，围绕明心、养生、齐家、治企四大板块进行开发设计，帮助企业家提升自我，促进身心健康，构建幸福家庭，迈向伟大企业。
        </div>
        <div class="heartreally">
          <div class="inswipers swiper-container">
            <div class="swiper-wrapper">
              <div class="hitem swiper-slide">
                <img src="./img/i01.png" alt="">
                <div class="infos">
                  <h3>明心</h3>
                  <div class="icfos">
                    跟随明师提升自我，开发智慧
                  </div>
                  <p>对话茅总</p>
                  <p>11部中华文化经典概要</p>
                  <p>郭继承将讲《大学》儒家智慧与现代生活15讲</p>
                  <div class="op">...</div>
                </div>
              </div>
              <div class="hitem swiper-slide">
                <img src="./img/i02.png" alt="">
                <div class="infos">
                  <h3>明心</h3>
                  <div class="icfos">
                    跟随明师提升自我，开发智慧
                  </div>
                  <p>对话茅总</p>
                  <p>11部中华文化经典概要</p>
                  <p>郭继承将讲《大学》儒家智慧与现代生活15讲</p>
                  <div class="op">...</div>
                </div>
              </div>
              <div class="hitem swiper-slide">
                <img src="./img/i03.png" alt="">
                <div class="infos">
                  <h3>明心</h3>
                  <div class="icfos">
                    跟随明师提升自我，开发智慧
                  </div>
                  <p>对话茅总</p>
                  <p>11部中华文化经典概要</p>
                  <p>郭继承将讲《大学》儒家智慧与现代生活15讲</p>
                  <div class="op">...</div>
                </div>
              </div>
              <div class="hitem swiper-slide">
                <img src="./img/i04.png" alt="">
                <div class="infos">
                  <h3>明心</h3>
                  <div class="icfos">
                    跟随明师提升自我，开发智慧
                  </div>
                  <p>对话茅总</p>
                  <p>11部中华文化经典概要</p>
                  <p>郭继承将讲《大学》儒家智慧与现代生活15讲</p>
                  <div class="op">...</div>
                </div>
              </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next">
              <img src="./img/rs.jpg" alt="" srcset="">
            </div>
            <div class="swiper-button-prev">
              <img src="./img/ls.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="about_title">
    <img src="./img/titlesing.svg" alt="">
    <div>
      <h2>课程内容</h2>
      <div class="des">COURSE CONTENT</div>
    </div>
    <img src="./img/titlesing.svg" alt="">
  </div>
  <div class="techtab zcontainerain">
    <span>
      <img src="./img/bo.jpg" alt="">
      直播课程
    </span>
    <span>
      <img src="./img/w.jpg" alt="">
      强互动式学习
    </span>
  </div>
  <div class="tabcontent zcontainerain">
    <div class="weiimg">
      <div class="wimgs">
        <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
      </div>
      <div class="wimgs">
        <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
      </div>
      <div class="wimgs">
        <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
      </div>
    </div>
  </div>
  <div class="tabcontent zcontainerain">
    <div class="tabcontent zcontainerain">
      <div class="weiimg">
        <div class="wimgs">
          <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
        </div>
        <div class="wimgs">
          <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
        </div>
        <div class="wimgs">
          <img src="http://p.cdn-static.cn/61962_16492352584593.png?imageView2/2/w/576/q/75" alt="">
        </div>
      </div>
    </div>
  </div>
  <div class="technology_student" style="background-color: #FFF;">
    <div class="student_title">
      <img src="./img/whitetitle.png" alt="">
      <div class="whites">
        <h2>精品课程</h2>
        <div class="des">QUALITY COURSES</div>
      </div>
      <img src="./img/whitetitle.png" alt="">
    </div>
    <div class="boutique">
      <div class="boitem">
        <img class="iimg" src="http://p.cdn-static.cn/61962_164896700126411.jpg?imageView2/2/w/941/q/75" alt="">
        <div class="irock">
          <div class="derimg">
            <img src="http://p.cdn-static.cn/61962_164896713725312.png?imageView2/2/w/254/q/75" alt="">
            <div class="t">扫描二维码开始学习</div>
          </div>
          <div class="titlebox">
            <h3>对话茅总|方太企业文化建设的九问九答</h3>
            <p>根据方太实际案例与亲身感悟</p>
            <p>茅总精彩解答9个高频问题</p>
            <p>有相同疑问的你带来启发</p>
          </div>
        </div>
      </div>
      <div class="boitem">
        <img class="iimg" src="http://p.cdn-static.cn/61962_164896700126411.jpg?imageView2/2/w/941/q/75" alt="">
        <div class="irock">
          <div class="derimg">
            <img src="http://p.cdn-static.cn/61962_164896713725312.png?imageView2/2/w/254/q/75" alt="">
            <div class="t">扫描二维码开始学习</div>
          </div>
          <div class="titlebox">
            <h3>对话茅总|方太企业文化建设的九问九答</h3>
            <p>根据方太实际案例与亲身感悟</p>
            <p>茅总精彩解答9个高频问题</p>
            <p>有相同疑问的你带来启发</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="hlike"></div>
  @@include('@@webRoot/components/footer.tpl')
  @@include('@@webRoot/components/goTop.tpl')
  <script src="./js/swiper.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/wow.min.js"></script>
  <script>
    new WOW().init();
    $('.techtab span').eq(0).addClass('on')
    $('.tabcontent').eq(0).show().siblings('.tabcontent').hide()
    $('.techtab span').mouseover(function () {
      var index = $(this).index('.techtab span')
      $('.tabcontent').eq(index).show().siblings('.tabcontent').hide()
      $(this).addClass('on').siblings('span').removeClass('on')
    })
    if ($(window).width() <= 768) {
      new Swiper(".inswipers", {
        slidesPerView: 1,
        navigation: {
          nextEl: ".inswipers .swiper-button-next",
          prevEl: ".inswipers .swiper-button-prev",
        },
      });
    }
  </script>
</body>
</html>